<template>
    <j-modal
      :width="800"
      :title="title"
      :visible.sync="editModalVisible"
      @cancel="handleCancleDbSync"
      :fullscreen.sync="fullscreen"
      :switch-fullscreen="switchFullscreen"
      :destroyOnClose="true"
    >
      <template slot="footer">
        <a-button @click="handleCancleDbSync">关闭</a-button>
      </template>
      <div class="table-page-search-wrapper">
        <a-tabs default-active-key="1" tabPosition="left" >
          <a-tab-pane key="1" tab="流程节点">
            <process-node :processData="processData"></process-node>
          </a-tab-pane>
          <!-- <a-tab-pane key="2" tab="业务关联" force-render>
            <business-relation></business-relation>
          </a-tab-pane> -->
          <a-tab-pane key="3" tab="流程后置处理" force-render>
            <process-postposition></process-postposition>
          </a-tab-pane>
        </a-tabs>
      </div>
    </j-modal>
</template>
<script>
import businessRelation from '../components/businessRelation'
import processNode from '../components/processNode'
import processPostposition from '../components/processPostposition'
export default {
  name: 'processConfigModal',
  components: {
    businessRelation,
    processNode,
    processPostposition
  },
  props: {
    processData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      editModalVisible: false,
      title: '流程配置',
      syncLoading: false,
      fullscreen: true,
      switchFullscreen: true
    }
  },
  methods: {
    handleCancleDbSync() { // 关闭
      this.editModalVisible = false
    }
  }
}
</script>
<style lang="less">
</style>
